Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 02.08.2013, 22:00
Интересующийся
Отправить личное сообщение для soledar10@meta.ua Посмотреть профиль Найти все сообщения от soledar10@meta.ua
 
Регистрация: 02.08.2013
Сообщений: 15

Форма обратной связи Ajax
Подскажите как реализовать, чтобы после удачного отправления сообщения на Ajax модальное окно и поле с "Ваше сообщение успешно отправлено"
исчезало через определенное время (5 - 10 секунд)

Вот код:

$('document').ready(function(){
$('#form').validate(
{// правила для проверки
rules:{
name: {required: true,
minlength: 2,
maxlength: 30
},
email: {required: true,
email: true
},
phone: {required: true,
number: true,
minlength: 5,
maxlength: 15
}
},
// выводимые сообщения при нарушении соответствующих правил
messages:{"name":required: "Заполните это поле", minlength: "От 2 до 30 символов", maxlength: "От 2 до 30 символов"
},
"email":{required:"Заполните это поле",
email:"Введите корректный email адрес"
},
"phone":{required: "Заполните это поле",
number: "Только цифры",
minlength: "От 2 до 15 символов",
maxlength: "От 2 до 15 символов"
}
},

// указаваем обработчик
submitHandler: function(form){
$(form).ajaxSubmit({target: '#preview',
success: function() {
$('#contact_form').slideUp("fast", function(){
$(this).before("<div id='checkmark'><img src='img/check.png'><p>Спасибо, Ваша заявка успешно принята </p><p class='p9'>Спасибо, что воспользовались нашим сайтом! Мы обязательно свяжемся с Вами в ближайшее время.</p></div>");

})
}
});
}

})
});

Вот сам сам скрипт. Подскажите пожалуйста!!!!!
Ответить с цитированием
  #2 (permalink)  
Старый 02.08.2013, 22:16
Интересующийся
Отправить личное сообщение для egreek Посмотреть профиль Найти все сообщения от egreek
 
Регистрация: 22.08.2011
Сообщений: 18

Я бы воспользовался не .before(), а изначально задал диву с сообщением display: none, а потом бы поменял стиль через jQuery и показал div.
А чтобы исчезало с задержкой, опять стиль на display: none, с использованием delay().
Ответить с цитированием
  #3 (permalink)  
Старый 02.08.2013, 22:20
Интересующийся
Отправить личное сообщение для soledar10@meta.ua Посмотреть профиль Найти все сообщения от soledar10@meta.ua
 
Регистрация: 02.08.2013
Сообщений: 15

Спасибо за ответ. Надеюсь получиться!
Ответить с цитированием
  #4 (permalink)  
Старый 07.08.2013, 14:54
Интересующийся
Отправить личное сообщение для soledar10@meta.ua Посмотреть профиль Найти все сообщения от soledar10@meta.ua
 
Регистрация: 02.08.2013
Сообщений: 15

Решил вопрос: прописать блоку, который появляеться после отправки формы hide (5000) - скрыть блок в течении 5 секунд
и вывести форму $('#contact_form').show(5000).
Также возможно реализовать с помощью display: none.
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Форма обратной связи с аттачем 2х изображений. Джейн Работа 2 04.11.2011 00:19
ajax форма обратной связи anton-mgn AJAX и COMET 7 15.09.2011 20:42
Форма обратной связи на AJAX проблемы с модальным окном pavel87 AJAX и COMET 0 26.05.2011 14:30
Форма обратной связи или регистрации mnemox Работа 2 11.01.2011 08:36
Форма обратной связи Antifactor Я не знаю javascript 2 09.06.2009 15:21